
.table-order-list{
  @left-width:20%;

  .title{
    background-color: @color-font-white;
    padding:.5rem @page-padding-h;

    .text{
      border-left:3px solid @color-theme-red;
      color: @color-theme-red;
      font-weight:bold;
      padding-left:.5rem;
      line-height:1;
    }
    hr{
      margin-top:.5rem;
      border:none;
      border-bottom:1px solid @color-theme-light-gray;

    }
  }

  .order-g-item{
    background: @color-theme-white;
    padding:.5rem;
    margin-bottom:.5rem;
  }

  .order-des{
    width:100%;
    &:extend(.clearfix all);
  }

  .order-op{
    margin-top:.5rem;
  }

  .line{
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space:nowrap;
  }

  .table-name{
    width:20%;
    float: left;
    text-align: center;
    line-height:4.5rem;
    color: @color-theme-font-dark;
    font-weight:bold;
  }

  .message{
    width:80%;
    float: left;
    border-left:1px solid @color-theme-gray;
    padding-left: 1rem;
    color: @color-theme-font-gray;
  }

  .price{
    float: left;
    width: @left-width;
    text-align: center;
    color: @color-theme-red;
  }

  .btns{
    text-align: right;
  }

}
